<template>
  <h1>hello vue3</h1>
  <Child @click="handleClick" />
</template>

<script lang="ts">
import { defineComponent } from "vue";

import Child from "./Child.vue";

/*
  vue2中自定义事件
    给组件绑定事件都是自定义事件
      除非加上.native才会是原生DOM事件

  vue3中自定义事件
    给组件绑定事件都是原生DOM事件(子组件必须有一个根标签)
      除非通过子组件通过emits声明接受事件才是自定义事件

      vue3移除了.native
*/

export default defineComponent({
  name: "App",
  components: {
    Child,
  },
  methods: {
    handleClick() {
      console.log(111);
    },
  },
});
</script>

<style scoped></style>
